<!-- 解决垂直兄弟盒子外边距重叠
1.给下面的元素
position设置为absolute或者fixed
2.下面的元素设置左浮动
（1,2)会影响后面的元素
3.给下面的元素设置display:inline-block
4.其中一个元素外套一个div并设置overflow:hidden; -->
<link rel="stylesheet" href="垂直距离.css">
<div class="div1">
</div>
<div class="div2">
</div>
<!-- 解决父子嵌套margin塌陷
1.给父元素设置border
2.给父元素设置padding
3.给父元素设置overflow：hidden
4.给父元素设置position:absolute/fixed
5.给父元素设置display:table
6.给父元素设置display:inline-block;
7.给父元素设置float:left/right; -->
<div class="div3">
  <div class="div4"></div>
</div>